<script setup lang="ts">
import FooterTabbar from '@/components/FooterTabbar.vue'
import MessageList from '@/components/list/MessageList.vue'
import { messageStore } from '@/store/message'

const store = messageStore()
store.getSystemMessageList()
store.getChatMessageList()
</script>

<template>
    <MessageList :messageList="store.state.systemNewMessage" type="system" />
    <MessageList :messageList="store.state.chatMessageList" type="talk" />
    <FooterTabbar />
</template>


<style scoped>
body{
    background: #f5f5f5;
}
</style>